<template>
    <div>
        <div class="number">
            <van-nav-bar  title="会员中心" />
        </div>
        <div class="top">
           <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566222642748&di=3a69db264c867b67cc99c0b5debc17d4&imgtype=0&src=http%3A%2F%2Fpic2.zhimg.com%2Fv2-97b15f7c4c09c0390d37e9e5243d8bad_b.jpg" class="top-img" />
        </div>
        <div class="login">
            <div><van-button type="warning" @click="uplogin">我要登录</van-button></div>
            <div><van-button type="primary" @click="upregister">我要注册</van-button></div>
        </div>
        <div>
            <van-cell-group>
                <van-cell title="会员卡" is-link />
                <van-cell title="地址管理" is-link  />
                <van-cell title="我的订单" is-link  />
                <van-cell title="会员权益" is-link />
                <van-cell title="联系我们" is-link  />
            </van-cell-group>

        </div>

    </div>
</template>

<script>
import RegisterVue from './Register.vue';
    export default {
        methods:{
            uplogin(){
                this.$router.push({name:'Login'})
            },
            upregister(){
                this.$router.push({name:'Register'})
            }
        }
    }
</script>

<style scoped>
.van-nav-bar{
    background: #EEA2AD;
}
    .top-img{
        width:70px;
        height: 70px;
        border-radius: 50px;
    }
    .top{
        height:5rem;
        text-align: center;
        padding-top:2rem;
        background-color: #EEA2AD;
    }
    .login{
        display: flex;
        flex-direction: row;
        background-color: #fff;
        padding:10px;
    }
    .login div{
        flex:1;
        text-align: center;
    }
</style>